body {
  color: #e6e6e6;
  background: url("../img/bg.png") repeat;
}

#container, #container_left, #container_right {
  position: relative;
  width: 100%;
}

.menu {
  padding: 16px 6% 16px 6%;
  font: 11pt 'Times New Roman',serif;
  margin: 0 auto;
  /**border: 2px solid rgb(68, 68, 68);*/
  text-align: right;
}

.menu li {
  display: inline;
  padding: 0 6px 0 0;
}

a:focus { outline:0; }

li a {
  color: #4cb376;
  padding: 2px 16px 2px 16px;
  /*text-decoration:underline;*/
  text-decoration: none;
  -moz-transition: -moz-box-shadow 0.2s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  -o-transition: -o-box-shadow 0.2s ease-in-out;
  border-radius: 5px;
  border: 2px solid rgba(88, 88, 88, 0.9);
}

li a:hover {
  text-decoration: none;
  cursor: pointer;
  -moz-box-shadow:0 0 3px 3px #acacac;
  -webkit-box-shadow:0 0 3px 3px #acacac;
  -o-box-shadow:0 0 3px 3px #acacac;
}

#container {
  position: relative;
  width: 85%;
  margin: 0 auto;
  background-color: transparent;
  min-height: 100%;
}

#banner {
  width: 100%;
  position: relative;
  float: left;
  height: auto;
  padding: 2px 0px 2px 0px;
  background: transparent;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align:center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -o-box-align: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -o-box-pack: center;
  /*background: url("../img/header-bg.png") no-repeat scroll 50% 50% transparent;*/
}

#banner .logo {
  position: absolute; 
  top: 130px;
  left: 67%;
  margin: 0px 0px;
}

#tags {
  clear: both;
  width: 85%;
  height: 100%;
  margin: 0 auto;
  padding: 18px 0px 0px 0px;
}

#tags .title {
  float: left;
  font: italic 12pt 'Populaire','Skolar','Georgia','Times New Roman',serif;
  color: #e6e6e6;
  text-shadow: 3px 3px 3px #000000;
}

#samples {
  clear: both;
  width: 85%;
  height: 100%;
  padding: 18px 0px 0px 0px;
  margin: 0 auto;
}

audio {
  padding: 6px 0px 0px 0px;
}

caption {
  padding: 6px;
  text-align: left;
  /*font: italic 11pt Tahoma;*/
  font: italic 12pt 'Populaire','Skolar','Georgia','Times New Roman',serif;
}

.tooltip:before {
  float:left;
  content: attr(data);
  position: absolute;
  font:12pt Tahoma;
  top: -48px;
  left: 12%;
  white-space:nowrap;
  background: transparent; /*rgba(255, 255, 255, 0.6);*/
  color: #e6e6e6;
  padding: 5px;
  display:none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -border-radius:5px;
  -moz-box-shadow:0 0 1px 1px #acacac;
  -webkit-box-shadow:0 0 1px 1px #acacac;
  -o-box-shadow:0 0 1px 1px #acacac;
  -box-shadow:0 0 1px 1px #acacac;
}

.lang:before {
  float:left;
  content: attr(data);;
  position: absolute;
  font:12pt Tahoma;
  height: 22px;
  top: 92px;
  left: 40%;
  color: #e6e6e6;
  white-space:nowrap;
  background:transparent; /*rgba(255, 255, 255, 0.3);*/
  padding: 5px;
  display:none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -border-radius:5px;
  -moz-box-shadow:0 0 1px 1px #acacac;
  -webkit-box-shadow:0 0 1px 1px #acacac;
  -o-box-shadow:0 0 1px 1px #acacac;
  -box-shadow:0 0 1px 1px #acacac;
}

.lang:after {
  content:"";
  display:none;
}

.tooltip:after {
  content:"";
  display:none;
}

.lang:hover:before, .tooltip:hover:before, .lang:hover:after, .tooltip:hover:after {
  display: inline;
}

a .web {
  background: url("../img/web.png") no-repeat scroll left center;
  padding-left: 20px ;
}

a .zip {
  background: url("../img/zip.png") no-repeat scroll left center;
  padding-left: 20px ;
}

@font-face {
   font-family: 'BoycottRegular';
/*   src: url('BOYCOTT_-webfont.eot');*/
   src: url('BOYCOTT_-webfont.eot?#iefix') format('embedded-opentype'),
        url('BOYCOTT_-webfont.ttf') format('truetype');
/*        url('BOYCOTT_-webfont.svg#BoycottRegular') format('svg');*/
   font-weight: normal;
   font-style: normal;
}

#simplemodal-overlay {
  background-color: transparent;
}
#simplemodal-container {
  padding:8px;
  background-color:rgba(51, 51, 51, 0.9);
  border: 4px solid rgb(68, 68, 68);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
}

#simplemodal-container a.modalCloseImg {
	background:url(../img/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

/*@font-face {
 font-family: Keffeesatz; 
 src: url(YanoneKaffeesatz-Light.otf) format("opentype") 
}*/

h2.fontface {
   font: 36px/48px 'BoycottRegular', Arial, sans-serif;
   letter-spacing: 0;
}

.green {  color: #9acd32; }
.red {color: #DD0000;}
.pink { color: #FF4499; }
.orange { color: rgba(255, 128, 0, 0.6); }
.blue { color: #00d0ff; }
.purple {color: #cc00ff; }
.large {font-size: 72px; }

.big {font-size: 56px; }
.medium {font-size: 48px; }
.small {font-size: 28px; }

.rotate {
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg); display: block;
}

.logo {
  -o-transform: rotate(-28deg);
  -webkit-transform: rotate(-28deg);
  -moz-transform: rotate(-28deg); display: block;
}

#gallery-wrap {
  float: left;
  position: relative;
  left:50%;
  padding: 8px 0px 32px 0px;
}

#gallery {
  position: relative;
  left: -50%;
}

#gallery .photo img {
  padding: 6px 6px 6px 6px;
  background: rgba(88, 88, 88, 0.9);
  -moz-transition: -moz-box-shadow 0.3s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  -o-transition: -o-box-shadow 0.3s ease-in-out;
  border-radius: 5px;
}

#gallery .photo img:hover {
  padding: 6px 6px 6px 6px;
  background: rgba(88, 88, 88, 0.9);
  -moz-box-shadow:0 0 3px 3px #acacac;
  -webkit-box-shadow:0 0 3px 3px #acacac;
  -o-box-shadow:0 0 3px 3px #acacac;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
}

#gallery-title {
  clear:both;
  position: relative;
  width: 85%;
  margin: 0 auto;
  padding: 18px 0px 0px 6px;
  text-align: left;
  /*font: italic 11pt Tahoma;*/
  font: italic 12pt 'Populaire','Skolar','Georgia','Times New Roman',serif;
  text-shadow: 3px 3px 3px #000000;
}

#wiz-wrap {
  float: left;
  position: relative;
  left: 50%;
  padding: 32px 0px 0px 0px;
}

#wiz-container{
  min-height: 96px;
	margin-bottom:0px;
  position: relative;
  left: -50%;
  /**padding: 0px 0px 0px 46%;*/
}

#actspacer0{
	display:inline-block;
}

.wiz-activator{
	display:inline-block;
	width:64px;height:64px;
	position:relative;
	-moz-transition:all 0.6s ease-out;
	-webkit-transition:all 0.6s ease-out;
	-o-transition:all 0.6s ease-out;
  padding: 0px 2px 0px 2px;
}

.wiz-content{
	width:inherit;height:inherit;
	position:absolute;
	/**top:0px;left:-110px;*/
	pointer-events:none;
	background-size: 100%, 100%;
}

.wiz-activator .wiz-fallback{
	display:none;
}

.wiz-activator:hover {
	width:64px;height:64px;
  -moz-transform: rotate(720deg) scale(1.36);
  -webkit-transform: rotate(720deg) scale(1.36);
  -o-transform: rotate(720deg) scale(1.36);
}
			
/*
.wiz-activator:hover + .wiz-activator {
	width:88px;height:88px;
}

.wiz-activator:hover + .wiz-activator + .wiz-activator{
	width:88px;height:88px;
}

.wiz-activator + .wiz-activator > .wiz-content{
	-moz-transition:-moz-box-shadow 0.6s ease-out;
}

.wiz-activator:hover + .wiz-activator > .wiz-content{
	-moz-box-shadow: 0 0 1em black;
}*/

/** footer style
#footer-content {
  position: relative;
  padding-bottom: 0em; text-align: center;
}

#footer-content .copyright {font:16px 'BoycottRegular', sans-serif ; text-align:center;}*/

footer {
  -moz-box-align: center;
  -webkit-box-align: center;
  -moz-box-pack: end;
  -webkit-box-pack: end;
  clear:both;
  text-align: center;
}

footer p {
  -moz-box-flex: 0;
  -webkit-box-flex: 0;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
  padding: 0px;
  font:13pt Tahoma;
  /*font-family:Calibri,Tahoma,Verdana;*/
  text-shadow: 3px 3px 3px #000000;
}
